<link rel="stylesheet" href="{:get_style_cdnurl()}paimai/yunying/plugin/carousel/owl.carousel.css" >
<link rel="stylesheet" href="{:get_style_cdnurl()}paimai/yunying/plugin/carousel/owl.theme.css" >
<link rel="stylesheet" href="{:get_style_cdnurl()}paimai/yunying/css/picCarousel.css" >
<div class="jianCeBox">
  <div class="cebaoGao">
    <h2>车辆综合评级</h2>
    <div class="yizhang">
      <h3>{$report.header.model_show}</h3>
         <em>车辆编号：{$report.header.sno}</em>
         <em>报告编号：{$report.header.car_no}</em>
         <em>检测时间：{$report.header.check_date}&nbsp;</em>
         <em>评估师：{$report.header.checker}</em>
         <dl class="clearfix">
        <dt>{$report.header.composite_state}{$report.header.acc_level}</dt>
        <dd>
          {$report.header.composite_state_desc}
          {$report.header.acc_level_desc}
          <empty name="report.header.history_state">无火烧，无水泡。<else/>{$report.header.history_state}。</empty>
        </dd>
      </dl>
    </div>
    <div class="jianBen">
        <h4>基本信息</h4>
        <table>
            <tbody>
                    <?php $i= 0 ; $count = count($report['base_info']); $remainder_colums = $count % 3; ?>
                    <?php $number = (3 - $remainder_colums); ?>
                    <?php foreach($report['base_info'] as $info):?>
                    <?php $a = $i % 3;?>
                    <if condition="$a eq 0">
                        <if condition="$i neq 0">
                            </tr><tr>
                        <else/>
                            <tr>
                        </if>
                            <td>{$info.label}</td>
                            <td>{$info.value}</td>
                    <else/>
                         <td>{$info.label}</td>
                         <td>{$info.value}</td>
                    </if>
                    <if condition="$i eq $count-1">
                        <if condition ="$remainder_colums neq 0">
                            <for strat="1" end="$number">
                                <td></td>
                                <td></td>
                            </for>
                        </if>
                        </tr>
                    </if>
                    <?php $i++;?>
                    <?php endforeach;?>
            </tbody>
        </table>
       </div>

    <div class="jianBen">
      <h4>手续信息</h4>
      <table>
            <tbody>
            <?php $i= 0; $count = count($report['procedure']); $remainder_colums = $count % 3;?>
            <?php $number = (3 - $remainder_colums); ?>
            <?php foreach($report['procedure'] as $info):?>
            <?php $a = $i % 3;?>
            <if condition="$a eq 0">
                <if condition="$i neq 0">
                    </tr><tr>
                <else/>
                    <tr>
                </if>
                <td>{$info.label}</td>
                <td>{$info.value}</td>
                <else/>
                <td>{$info.label}</td>
                <td>{$info.value}</td>
            </if>
            <if condition="$i eq $count-1">
                <if condition ="$remainder_colums neq 0">
                    <for strat="1" end="$number">
                        <td></td>
                        <td></td>
                    </for>
                </if>
                </tr>
            </if>
            <?php $i++;?>
            <?php endforeach;?>
            </tbody>
        </table>
    </div>

    <div class="jianBen">
      <h4>配置信息</h4>
      <table>
           <tbody>
           <?php $i= 0; $count = count($report['configuration']); $remainder_colums = $count % 3; ?>
           <?php $number = (3 - $remainder_colums); ?>
           <?php foreach($report['configuration'] as $info):?>
           <?php $a = $i % 3;?>
           <if condition="$a eq 0">
               <if condition="$i neq 0">
                    </tr><tr>
               <else/>
                    <tr>
               </if>
                   <td>{$info.label}</td>
                   <td>{$info.value}</td>
            <else/>
                   <td>{$info.label}</td>
                   <td>{$info.value}</td>
            </if>
           <if condition="$i eq $count - 1">
               <if condition ="$remainder_colums neq 0">
                   <for strat="1" end="$number">
                       <td></td>
                       <td></td>
                   </for>
               </if>
               </tr>
           </if>
            <?php $i++;?>
            <?php endforeach;?>
            </tbody>
      </table>
    </div>

    <div class="jianBen">
      <h4>工况及附件说明</h4>
      <table>
           <tbody>
           <?php $i= 0; $count = count($report['perform']) -1; $remainder_colums = $count % 2;?>
           <?php $number = (2 - $remainder_colums); ?>
           <?php foreach($report['perform'] as $key => $info):?>
           <?php $a = $i % 2;?>
           <?php if($key !='other_info'):?>
               <if condition="$a eq 0">
                   <if condition="$i neq 0">
                       </tr><tr>
                   <else/>
                       <tr>
                   </if>
                       <td>{$info.label}</td>
                       <td>{$info.value}</td>
                   <else/>
                       <td>{$info.label}</td>
                       <td>{$info.value}</td>
               </if>
               <if condition="$i eq $count-1">
                   <if condition ="$remainder_colums neq 0">
                       <for strat="1" end="$number">
                           <td></td>
                           <td></td>
                       </for>
                   </if>
                   </tr>
               </if>
            <?php $i++;?>
            <?php endif; ?>
            <?php endforeach;?>
            <?php if(isset($report['perform']['other_info'])):?>
               <tr>
                   <td>{$report['perform']['other_info']['label']}</td>
                   <td colspan="3" align="left">{$report['perform']['other_info']['value']}</td>
               </tr>
            <?php endif; ?>
            </tbody>
      </table>
    </div>

  <div class="paiZhao gallery wrapper">
      <h4>基本照片</h4>
      <ul class="clearfix">
          <volist name="report.base_pics" id="pic" key="k">
              <li>
                  <img data-start="{$k-1}" data-src="{$pic.pic_url}" src="{$pic.pic_url}@286w_190h_4e"/>
                  <span></span>
                  <em>{$pic.pic_desc}</em>
              </li>
          </volist>
      </ul>
      <div class="sliderModal">
          <div class="main-content">
              <div id="curItem-info"></div>
              <div id="nav-prev" class="slider-nav"></div>
              <div id="slider" class="owl-carousel owl-theme">
                  <volist name="report.base_pics" id="pic" key="k">
                      <div class="item"><img data-src="{$pic.pic_url}" data-id="{$k-1}" class="slider-image lazyOwl"><p>{$k}/{$report.base_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;{$pic.pic_desc}</p></div>
                  </volist>
              </div>
              <div id="nav-next" class="slider-nav"></div>
          </div>
          <div id="carousel"  class="owl-carousel">
              <volist name="report.base_pics" id="pic" key="k">
                  <div class="item" data-id="{$k-1}">
                      <img data-src="{$pic.pic_url}" class="carousel-image lazyOwl"  data-id="{$k-1}">
                      <p>{$k}</p>
                  </div>
              </volist>

          </div>
      </div>
  </div>

    <script>
        var strBigJson = '{$report.big_pic_json}';
        var strSmallJson = '{$report.small_pic_json}';
        var bigJsonObj = eval('(' + strBigJson + ')');
        var smallJsonObj = eval('(' + strSmallJson + ')');
        var bigStrJson = JSON.stringify(bigJsonObj);
        var smallStrJson = JSON.stringify(smallJsonObj);
        var big_json_w = bigStrJson;
        var small_json_w = smallStrJson;
        $(function(){
            $(".jianBen table tr td:even").each(function(){
                $(this).css({"background":"#e6e6e6"});
            })
        })


    </script>
    <div class="cheXiu clearfix">
        <h4>外观与骨架复修历史</h4>
        <div class="xiuFu1">
            <table>
                <tbody>
                    <?php foreach($report['appear_history'] as $ah):?>
                    <tr class="clearfix">
                      <td>{$ah.label}</td>
                      <td class="xiuChong">{$ah.value}</td>
                    </tr>
                    <?php endforeach;?>
                </tbody>
            </table>
        </div>
        <div class="xiuFu2">
            <div class="fuPic">
                <img src="{$report.damage_pics.hidden.outside}" width="312" height="404">
            </div>
        </div>
      <div class="xiuFu3">
          <table>
              <tbody>
                  <?php foreach($report['frame_history'] as $fh):?>
                  <tr>
                    <td>{$fh.label}</td>
                    <td>{$fh.value}</td>
                  </tr>
                  <?php endforeach;?>
              </tbody>
        </table>
      </div>
      <div class="xiuFu4">
        <div class="fuPic2">
            <img src="{$report.damage_pics.hidden.frame}" width="377" height="360"/>
        </div>
      </div>
    </div>
      <div class="category">
          <div class="keJian">
              <h4>显性损伤</h4>

              <!--===============按损伤位置(骨架，外观，内饰)=================-->

              <div data-cate="gujia" class="sunshan1 wrapper gujia">
                  <div class="sunPic">
                      <img src="{$report.damage_pics.visible.frame}" width="292" height="373">
                  </div>
                  <em class="toggle-btn" data-start="0">骨架显性损伤(<if condition="$report[stat][visible][3] gt 0"><i style="color:red;font-weight: bold">{$report.stat.visible.3}</i><else/>0</if>处)</em>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.frame_pics_big" id="frame_pics_big" key="k">
                                  <div class="item"><img data-src="{$frame_pics_big.url}" data-id="{$k-1}" class="slider-image lazyOwl"> <p>{$k}/{$report.frame_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($frame_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$frame_pics_big['position']) : $frame_pics_big['cus_pos_name'];?> - {$frame_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>
                      <div id="carousel"  class="owl-carousel">
                          <volist name="report.frame_pics_sma" id="frame_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$frame_pics_sma.url}" class="carousel-image lazyOwl" data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>

                      </div>
                  </div>
              </div>


              <div data-cate="waiguan" class="sunshan1 wrapper waiguan">
                  <div class="sunPic sunPic2">
                      <img src="{$report.damage_pics.visible.outside}" width="292" height="373"/>
                  </div>
                  <em  class="toggle-btn" data-start="0">外观显性损伤(<if condition="$report[stat][visible][2] gt 0"><i style="color:red;font-weight: bold">{$report.stat.visible.2}</i><else/>0</if>处)</em>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.outside_pics_big" id="outside_pics_big" key="k">
                                  <div class="item"><img data-src="{$outside_pics_big.url}" data-id="{$k-1}" class="slider-image lazyOwl"><p>{$k}/{$report.outside_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($outside_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$outside_pics_big['position']) : $outside_pics_big['cus_pos_name'];?> - {$outside_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>

                      <div id="carousel"  class="owl-carousel">
                          <volist name="report.outside_pics_sma" id="outside_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$outside_pics_sma.url}" class="carousel-image lazyOwl" data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>

                      </div>
                  </div>
              </div>


              <div data-cate="neishi" class="sunshan1 wrapper neishi">
                  <div class="sunPic cunPic1">
                      <img src="{$report.damage_pics.visible.inside}" width="292" height="373"/>
                  </div>
                  <em  class="toggle-btn" data-start="0">内饰显性损伤(<if condition="$report[stat][visible][1] gt 0"><i style="color:red;font-weight: bold">{$report.stat.visible.1}</i><else/>0</if>处)</em>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.inside_pics_big" id="inside_pics_big" key="k">
                                  <div class="item"><img data-src="{$inside_pics_big.url}" data-id="{$k-1}" class="slider-image lazyOwl"><p>{$k}/{$report.inside_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($inside_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$inside_pics_big['position']) : $inside_pics_big['cus_pos_name'];?> - {$inside_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>
                      <div id="carousel"  class="owl-carousel">
                          <volist name="report.inside_pics_sma" id="inside_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$inside_pics_sma.url}" class="carousel-image lazyOwl" data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>
                      </div>
                  </div>
              </div>
              <div class="clear"></div>
          </div>


          <!--===============按损伤程度（轻微，一般，严重）=================-->
          <div class="sunTu clearfix">
              <div data-cate="qingwei" class="sunList wrapper qingwei">
                  <ul class="clearfix">
                      <volist name="report.light_pics" id="light" key="k">
                          <li><img data-start="{$k-1}" data-src="{$light.url}" src="{$light.url}" alt=""></li>
                      </volist>
                      <for start="0" end="$report.light_pics_count_4">
                          <li></li>
                      </for>
                  </ul>
                  <span class="toggle-btn" data-start="0">轻微损伤（<if condition="$report[stat][degree][2] gt 0"><i style="color:red">{$report.stat.degree.2}</i><else/>0</if>处）</span>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.light_pics_big" id="light_pics_big" key="k">
                                  <div class="item"><img data-src="{$light_pics_big.url}" data-id="{$k-1}" class="slider-image lazyOwl"><p>{$k}/{$report.light_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($light_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$light_pics_big['position']) : $light_pics_big['cus_pos_name'];?> - {$light_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>
                      <div id="carousel"  class="owl-carousel">
                          <volist name="report.light_pics_sma" id="light_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$light_pics_sma.url}" class="carousel-image lazyOwl" data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>
                      </div>
                  </div>
              </div>

              <div data-cate="yiban" class="sunList wrapper yiban">
                  <ul class="clearfix">
                      <volist name="report.normal_pics" id="normal" key="k">
                          <li><img data-start="{$k-1}" data-src="{$normal.url}" src="{$normal.url}" alt=""></li>
                      </volist>
                      <for start="0" end="$report.normal_pics_count_4">
                          <li></li>
                      </for>
                  </ul>
                  <span class="toggle-btn" data-start="0">一般损伤（<if condition="$report[stat][degree][3] gt 0"><i style="color:red">{$report.stat.degree.3}</i><else/>0</if>处）</span>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.normal_pics_big" id="normal_pics_big" key="k">
                                  <div class="item"><img data-src="{$normal_pics_big.url}" data-id="{$k-1}" class="slider-image lazyOwl"><p>{$k}/{$report.normal_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($normal_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$normal_pics_big['position']) : $normal_pics_big['cus_pos_name'];?> - {$normal_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>
                      <div id="carousel"  class="owl-carousel">

                          <volist name="report.normal_pics_sma" id="normal_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$normal_pics_sma.url}" class="carousel-image lazyOwl"  data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>

                      </div>
                  </div>
              </div>

              <div data-cate="zhongyao" class="sunList sunList1 wrapper zhongyao">
                  <ul class="clearfix">

                      <volist name="report.important_pics" id="important" key="k">
                          <li><img data-start="{$k-1}" data-src="{$important.url}" src="{$important.url}" alt=""></li>
                      </volist>
                      <for start="0" end="$report.important_pics_count_4">
                          <li></li>
                      </for>
                  </ul>
                  <span class="toggle-btn" data-start="0">重要损伤（<if condition="$report[stat][degree][4] gt 0"><i style="color:red">{$report.stat.degree.4}</i><else/>0</if>处）</span>
                  <div class="sliderModal">
                      <div class="main-content">
                          <div id="curItem-info"></div>
                          <div id="nav-prev" class="slider-nav"></div>
                          <div id="slider" class="owl-carousel owl-theme">
                              <volist name="report.important_pics_big" id="important_pics_big" key="k">
                                  <div class="item"><img data-src="{$important_pics_big.url}" data-id="{$k}" class="slider-image lazyOwl"><p>{$k}/{$report.important_pics_count}&nbsp;&nbsp;&nbsp;&nbsp;<?php echo  empty($important_pics_big['cus_pos_name']) ? C('VISIBLE_DAMAGE_POSITION.'.$important_pics_big['position']) : $important_pics_big['cus_pos_name'];?> - {$important_pics_big.describe}</p></div>
                              </volist>
                          </div>
                          <div id="nav-next" class="slider-nav"></div>
                      </div>
                      <div id="carousel"  class="owl-carousel">
                          <volist name="report.important_pics_sma" id="important_pics_sma" key="k">
                              <div class="item" data-id="{$k-1}">
                                  <img data-src="{$important_pics_sma.url}" class="carousel-image lazyOwl" data-id="{$k-1}">
                                  <p>{$k}</p>
                              </div>
                          </volist>

                      </div>
                  </div>
              </div>
          </div>
      </div>
    </div>
</div>
<div class="pageBeijing"></div>
<div class="bg"></div>
<i class="close"></i>
<div class="category-btn">
    <span>按损伤程度分类:</span>
    <button data-cate="qingwei" class="qingwei">轻微（<if condition="$report['light_pics_count'] gt 0"><i style="color:red">{$report.light_pics_count}</i><else/>0</if>）</button>
    <button data-cate="yiban" class="yiban">一般（<if condition="$report['normal_pics_count'] gt 0"><i style="color:red">{$report.normal_pics_count}</i><else/>0</if>）</button>
    <button data-cate="zhongyao" class="zhongyao">重要（<if condition="$report['important_pics_count'] gt 0"><i style="color:red">{$report.important_pics_count}</i><else/>0</if>）</button>
    <span>按损伤区域分类:</span>
    <button data-cate="gujia" class="gujia">骨架（<if condition="$report['frame_pics_count'] gt 0"><i style="color:red">{$report.frame_pics_count}</i><else/>0</if>）</button>
    <button data-cate="waiguan" class="waiguan">外观（<if condition="$report['outside_pics_count'] gt 0"><i style="color:red">{$report.outside_pics_count}</i><else/>0</if>）</button>
    <button data-cate="neishi" class="neishi">内饰（<if condition="$report['inside_pics_count'] gt 0"><i style="color:red">{$report.inside_pics_count}</i><else/>0</if>）</button>
</div>
<script src="{:get_style_cdnurl()}paimai/yunying/plugin/carousel/owl.carousel.js" type="text/javascript"></script>
<script src="{:get_style_cdnurl()}paimai/yunying/js/picCarousel.js" type="text/javascript"></script>
<script>
    $(function(){

        $(".jianBen table tr td:even").each(function(){
            $(this).css({"background":"#e6e6e6"});
        })
        $(".xiuFu1 table tr td:even").each(function(){
            $(this).css({"background":"#e4e4e4"});
        })

        $(".xiuFu3 table tr td:even").each(function(){
            $(this).css({"background":"#e4e4e4"});
        })
    });
</script>
